{% extends 'base_dashboard.html' %}

{% block title %}Email templates — {{ site_settings.institute_name }}{% endblock %}

{% block content %}
<div class="d-flex flex-wrap justify-content-between align-items-center gap-2 mb-4">
  <div>
    <div class="text-muted small">Admin · Email</div>
    <h3 class="fw-bold mb-0">Email templates</h3>
    <p class="text-muted small mb-0">
      Signup welcome and password-reset templates send automatically when their trigger is active.
      Manual templates are for compose / bulk send.
    </p>
  </div>
  <div class="d-flex flex-wrap gap-2">
    <a href="{% url 'dashboard:compose_email' %}" class="btn btn-outline-primary">
      <i class="bi bi-send me-1"></i>Compose / bulk
    </a>
    <a href="{% url 'dashboard:email_template_add' %}" class="btn btn-primary">
      <i class="bi bi-plus-lg me-1"></i>New template
    </a>
  </div>
</div>

<div class="alert alert-light border small">
  <strong>Placeholders:</strong>
  {% verbatim %}
  <code>{{ user_name }}</code>,
  <code>{{ email }}</code>,
  <code>{{ username }}</code>,
  <code>{{ institute_name }}</code>,
  <code>{{ login_url }}</code>,
  <code>{{ reset_url }}</code>,
  <code>{{ year }}</code>,
  <code>{{ role }}</code>
  {% endverbatim %}
</div>

<div class="card border-0 shadow-sm">
  <div class="table-responsive">
    <table class="table table-hover align-middle mb-0">
      <thead class="table-light">
        <tr>
          <th>Name</th>
          <th>Slug</th>
          <th>Trigger</th>
          <th>Active</th>
          <th>Updated</th>
          <th class="text-end">Actions</th>
        </tr>
      </thead>
      <tbody>
        {% for t in templates %}
        <tr>
          <td class="fw-semibold">{{ t.name }}</td>
          <td><code class="small">{{ t.slug }}</code></td>
          <td><span class="badge text-bg-secondary">{{ t.get_trigger_display }}</span></td>
          <td>
            {% if t.is_active %}
              <span class="badge text-bg-success">Active</span>
            {% else %}
              <span class="badge text-bg-light text-muted">Off</span>
            {% endif %}
          </td>
          <td class="small text-muted">{{ t.updated_at|date:"M j, Y H:i" }}</td>
          <td class="text-end">
            <a href="{% url 'dashboard:email_template_edit' t.pk %}" class="btn btn-sm btn-outline-primary">Edit</a>
            <form method="post" action="{% url 'dashboard:email_template_delete' t.pk %}" class="d-inline" onsubmit="return confirm('Delete this template?');">
              {% csrf_token %}
              <button type="submit" class="btn btn-sm btn-outline-danger">Delete</button>
            </form>
          </td>
        </tr>
        {% empty %}
        <tr>
          <td colspan="6" class="text-center text-muted py-4">No templates yet. Create a signup welcome template to get started.</td>
        </tr>
        {% endfor %}
      </tbody>
    </table>
  </div>
</div>
{% endblock %}